@extends('web.layout')

@section('style')
    @parent
    <link rel="stylesheet" type="text/css" href="{{ asset('static/less/team.css') }}?ver={{ config('app.asset_version') }}"/>

@stop

@section('script')
    @parent
    <script>
        $('.sli-cover').click(function () {
            var src = $(this).find('img').attr('src');
            $('.cover').find('img').attr('src',src);
            $(this).addClass('active').siblings().removeClass('active')
        });
    </script>


@stop
@section('title',$team->name.'班表')
@section('topic-title',$team->name.'班表')
@section('breadcrumb')
    <ul class="breadcrumb">
        <li><a href="{{ url('/') }}">首頁</a></li>
        <li class="active">{{ $team->name }}班表</li>
    </ul>
@stop
@section('content')


    <div class="container">


        <div class="main">
            <div id="team-detail">
                <div class="base">
                    <div class="photos">
                        <div class="cover"><img src="{{ asset_upload(collect($team->picture)->first()) }}" alt="{{ $team->name }}班表"></div>
                        <ul class="list-h">
                            @foreach($team->picture as $key=>$img)
                                <li class="sli-cover {{ $key<=0?"active":"" }}">
                                    <a href="javascript:;" >
                                        <img src="{{ asset_upload($img) }}"  alt="{{ $team->name }}班表" >
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="thumbnails">
                        {{--<div class="product-name">
                            <h2 itemprop="headline">{{ $team->name }}班表</h2>
                        </div>--}}
                        <div class="product-text">
                            <div class="summary">{!! $team->summary !!}</div>

                            <div class="detail">{!! app('cache.config')->replace($team->detail) !!}</div>
                        </div>
                        <div class="btn-wrap">
                            <p class="btn-box">
                                <a class="arr-btn" target="_blank" href="{{ liaison_get('line_url') }}" data-inquire="" data-inquire-type="line" data-inquire-position="middle"><span>詢問客服</span></a>
                            </p>
                            <p class="btn-box">
                                <a class="arr-btn" href="{{ url('product') }}?team[]={{ $team->id }}"><span>{{ $team->name }}芳療師</span></a>
                            </p>
                        </div>
                        {{--<ul class="list-h">
                            @foreach($team->picture as $key=>$img)
                            <li class="sli-cover {{ $key<=0?"active":"" }}">
                                <a href="javascript:;" >
                                    <img src="{{ asset_upload($img) }}"  alt="{{ $team->name }}班表" >
                                </a>
                            </li>
                            @endforeach
                        </ul>--}}
                    </div>
                </div>
                {{--<div class="products-detail">
                    <div class="head">更多細節</div>
                    <article>
                        {!! app('cache.config')->replace($team->detail) !!}
                    </article>
                </div>--}}

            </div>
        </div>
    </div>




@endsection
